/* font-size
-------------------------- */
$fontsize-primary: 32rpx;

/* colors
-------------------------- */
$color-primary : #0E601E !default;
$color-dark : #F6F8FC !default;
$color-dark2 : #666 !default;
$color-light: #fff !default;

/* button-colors
-------------------------- */
$btn-active: #5F58C0 !default;
$btn-disabled: #CCC !default;

/* 53a8ff */

/* background-colors
-------------------------- */
$bg-color-base: #fff !default;
$bg-color-form:#FAFAFA !default;
$bg-color-light : #f9f9f9 !default; //页面浅灰背景&图片浅灰背景
$bg-color-danger: #F9EFEF !default; //页面浅红背景&按钮边框
$bg-color-panel: #EC5D75 !default;

/* tag-colors
-------------------------- */
$tag-primary:#D87182 !default;
$tag-dark:#555 !default;


/* methods
-------------------------- */
@mixin active-btn($w, $h) {
  @include flex-c;
  width: $w;
  height: $h;
  margin: 0 auto;
  @include sc(34rpx, #fff);
  font-weight: bolder;
  background: linear-gradient(54deg, rgba(123, 211, 139, 1) 0%, rgba(58, 189, 84, 1) 100%);
  border-radius: 50rpx;

}



@mixin rslide ($color:#5F58C0, $wh:14rpx) {
  content: '';
  display: block;
  @include center;
  left: 100%;
  @include wh($wh, $wh);
  border-top: 2rpx solid $color;
  border-right: 2rpx solid $color;
  transform: rotate(45deg);
}

// 定位上下左右居中
@mixin center {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

@mixin center-t {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

// 定位上下居中
@mixin ct {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

// 定位左右居中
@mixin cl {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

// 宽高
@mixin wh($width, $height) {
  width: $width;
  height: $height;
}

// 字体大小，颜色
@mixin sc($size, $color) {
  font-size: $size;
  color: $color;
}


@mixin flex {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}

@mixin flex-jc {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
}

@mixin flex-ai {
  display: flex;
  display: -webkit-flex;
  align-items: center;
}

@mixin flex-bt {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}

@mixin flex-bt-ai {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
}

@mixin flex-c {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  align-items: center;
}


// 背景图
@mixin bg($name) {
  background: url('https://travel.cmtibet.com/uploads/icon/#{$name}.png')center no-repeat;
  background-size: 100% 100%;
}

@mixin bg-url($name,$width,$height) {
  width: #{$width}rpx;
  height: #{$height}rpx;
  background: url('https://travel.cmtibet.com/uploads/icon/#{$name}.png')center no-repeat;
  background-size: 100% 100%;
}


// 省略号
@mixin text-ellipsis($width) {
  width: #{$width}rpx;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

// 多行省略号
@mixin text-overflow($line) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  -webkit-line-clamp: #{$line}; // 控制多行的行数
  -moz-line-clamp: #{$line}; // 控制多行的行数
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
}
